مسیر بصری انتخاب‌شده «Clear Glass» است: سطح سفید غالب، تایپوگرافی ادیتوریال فارسی، و Liquid Glass فقط برای ناوبری، کنترل‌های شناور و Sheetها. متریک‌ها از اپ ۴ آمده‌اند (iOS 26، تب‌بار ۶۲ پوینت، دکمه‌ی کپسولی، لنز لغزان، فنر cubic-bezier(.34,1.28,.64,1)). رنگ سبز عمیق و طلای گرم فقط در نقش‌های معنادار استفاده می‌شوند.
سه مسیر واقعاً متفاوت بررسی شد و یکی انتخاب شد.
هر رنگ یک نقش دارد. سبز یعنی عمل و پیشرفت، طلایی یعنی تعهد و بازگشت. هیچ پس‌زمینه‌ی بژ یا کرم وجود ندارد.
--bg #FFFFFF--bg-2 #F3F4F3--ink #0B0D0C--graphite #2A2E2C--green #0E5A3D--green-t #E7F1EB--gold #A87C2A--gold-t #F6F0E3Estedad برای لحظه‌های ادیتوریال (Hero و عنوان‌ها)، Vazirmatn برای رابط. ارتفاع خط برای فارسی بیشتر از نسخه‌ی انگلیسی Apple است (۱.۶ تا ۱.۸).
شعاع‌ها از iOS 26: کارت ۲۸، داخلی ۱۸، Sheet ۴۰، کپسول کامل برای کنترل‌ها. فاصله‌ها روی ریتم ۴ (حاشیه‌ی صفحه ۲۰). سایه‌ها نرم و بلند، هرگز خط تیره.
دستورالعمل اپ ۴ برای حالت روشن: blur(20px) saturate(1.8)، رنگ سفید ۵۸٪، نور بالایی، لبه‌ی گرادیانی. فقط روی نوار پایین، دکمه‌های شناور روی تصویر، Sheet و Toast. با «کاهش شفافیت» سطح مات می‌شود.
نوار پایین: ترتیب فیزیکی از چپ به راست «من · هم‌مسیر · راهنما · مسیر من · امروز». پنج بخش مساوی، بدون دکمه‌ی برجسته‌ی وسط.
کپسول ۵۰ پوینت (کوچک ۳۶). Prominent سبز برای عمل اصلی، طلایی فقط برای بازگشت، ثانویه خاکستری شفاف. تعهد با «نگه داشتن» بسته می‌شود.
هر جزء دقیقاً به یک مرحله از حلقه خدمت می‌کند.
| جزء | مرحله | رفتار | کلاس |
|---|---|---|---|
| ریل حلقه | همه | ۷ بخش؛ پر = گذشته، نیمه = الان | .rail |
| قدم بعدی | امروز | یک کارت، محتوای متغیر بر اساس مرحله | .nm |
| درس | یادگیری | Sheet سه‌صفحه‌ای با نوار پیشرفت | .learn |
| تعهد | تعهد | چه/کی/اندازه/معیار + جمله‌ی تعهد + نگه داشتن | .commit-s .nm.commit |
| تایمر تمرکز | عمل | حلقه‌ی پیشرفت، «تمام کردم» | .timer |
| ثبت شواهد | شواهد | عکس، جمله، عدد، تأیید؛ خصوصی | .ev-opts .evid |
| بازتاب | بازتاب | سه سؤال ساختاریافته با چیپ | .refl |
| ردپای هفته | پیشرفت | عمل پر، بازگشت حلقه‌ی طلایی، مکث هاشور؛ بدون شمارنده‌ی زنجیره | .trace |
| بازگشت | بازگشت | بدون سرزنش، با حافظه‌ی آخرین بازتاب، دکمه‌ی طلایی | .nm (mode=return) |
| ورودی راهنما | همه | متن بر اساس مرحله؛ زمینه‌محور، نه چت خالی | .guide-in .guide |
| واحد هم‌مسیر | پاسخ‌گویی | حلقه‌ی ۴ نفره، لحظه‌ها، پشتیبانی، قرار مشترک | .circle-in .moments .pact |
| Sheet / Toast | همه | شیشه‌ی روشن، فنر؛ Toast ۴۴ کپسول | .sheet .toast |
ترکیب عکاسی ادیتوریال روشن و رندر سه‌بعدی مینیمال. هر تصویر یک معنا دارد، هیچ‌کدام تزئینی نیست. بدون کوه، جاده، درخت یا گوی هوش مصنوعی.
حرکت فقط برای تغییر وضعیت.
| لحظه | حرکت | زمان‌بندی |
|---|---|---|
| انتخاب تب | لنز شیشه‌ای می‌لغزد، آیکن ۱.۰۶ برابر | .46s spring(.34,1.28,.64,1) |
| اسکرول | Large Title محو، نوار شیشه‌ای inline ظاهر | opacity .25s |
| تغییر Hero | صبح ← عصر ← بازگشت: cross-fade با کمی زوم | .9s ease-out |
| بستن تعهد | پر شدن دکمه از راست در ۰.۸۵ ثانیه، لرزش ۱۲ms، Toast | hold 850ms |
| تکمیل عمل | آیکن تیک با pop، ریل یک بخش جلو | .5s spring |
| ثبت شواهد | عکس با pop، دکمه loading، Sheet پایین | .65s |
| بستن روز | حلقه دور خودش کشیده، بعد تیک | 1s + .5s |
| بازگشت | Hero به پله‌ی روشن، رنگ طلایی، بدون انیمیشن هشدار | .55s rise |
| کاهش حرکت | همه‌ی مدت‌ها صفر؛ جابه‌جایی‌ها فوری | .rm / prefers-reduced-motion |